
var nav = {
	props: {
		loginState: Boolean,
		loginInfo: String,
		navState:String,
		bgImg:String,
	},
	template: `
				<div>
				<div class="miniNav flew acc">
				<h1>
				<a href="index.html"><img src="img/logo (1).png" alt="" /></a>
			</h1>
				<div class="miniBtn"><i class="icon">&#xe639;</i></div>
			</div>
			<div class="miniNavCtx">
				<ul>
					<li :class="navState=='首页'?'cur':''">
						<a href="index.html">首页</a>
					</li>
                    <li :class="navState=='增值空间'?'cur':''">
						<a href="education.html">增值空间</a>
					</li>
					<li :class="navState=='行业动态'?'cur':''">
						<a href="news.html">行业动态</a>
					</li>
					<li :class="navState=='品牌企业'?'cur':''">
						<a href="BuildingCards.html">品牌企业</a>
					</li>
					<li :class="navState=='招标资讯'?'cur':''">
						<a href="bidsList.html">招标资讯</a>
					</li>					
					<li :class="navState=='VIP定制'?'cur':''">
						<a href="netWorkerList.html">VIP定制</a>
					</li>
				</ul>
			</div>
			<div class="shadow"></div>
			<div class="banner" style="height: 212px" :style="{backgroundImage:'url(' + bgImg + ')'}">
				<div class="banIn">
					<h1><a href="index.html"><img :src="navState=='行业动态'?'img/PCindex/logo.png':'img/PCindex/logo.png'" height="40"/></a></h1>
					<div class="btnGroup">
					<a v-if='loginState' @click="toback">{{loginInfo?loginInfo:'您好,会员'}}</a>
						<a @click='toback' v-if='!loginState'><i class="icon">&#xe6ac;</i>VIP登录</a>
					</div>
				</div>
			</div>
			<nav>
				<ul>
					<li :class="navState=='首页'?'cur':''">
						<a href="index.html">首页</a>
					</li>
                    <li :class="navState=='增值空间'?'cur':''">
						<a href="education.html">增值空间</a>
					</li>
					<li :class="navState=='行业动态'?'cur':''">
						<a href="news.html">行业动态</a>
					</li>
					<li :class="navState=='品牌企业'?'cur':''">
						<a href="BuildingCards.html">品牌企业</a>
					</li>
					<li :class="navState=='招标资讯'?'cur':''">
						<a href="bidsList.html">招标资讯</a>
					</li>					
					<li :class="navState=='VIP定制'?'cur':''">
						<a href="netWorkerList.html">VIP定制</a>
					</li>
				</ul>
			</nav></div>
			`,
	data: function() {
		return {

		}
	},
	methods: {
		toback: function() {
			this.$emit('toback');
		},
	}
}
//					<li :class="navState=='求职招聘'?'cur':''">
//						<a href="recruit.html">求职招聘</a>
//					</li>